/* 基于normalize bootstrap 的全局重置CSS文件部分1.2版本 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 消除移动浏览器点击蓝色背景 */}
body {  margin: 0;text-align:left;font:12px/18px "sim sun" ;background:#fff;}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border:0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
/* normalize.css结束 */
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li{float:left;display:inline}
.f-fr{float:right;display:inline}
a,a:visited{text-decoration:none;}
em{ font-style:normal;}
/* 全站全局CSS部分结束 */
body{ padding: 68px 0 0; overflow-x: hidden}

*{ transition: transform  300ms ease 0s; }

.g-box-1200{ width: 1200px; height: auto; margin: auto; display: block; overflow: hidden;}

/*顶部*/
.g-top-box{ width: 100%; height: 68px; background: #fff; display: block; overflow: visible; position: absolute; left: 0; top: 0; z-index: 99;}
.g-top-box .u-logo{ width: auto; height: auto; margin: 19px 0 0;}
.g-top-box .u-logo img{ width: 175px; height: auto; display: block; overflow: hidden;}
.g-top-box .u-logo img.u-white-logo{ display: none}
.g-top-box .m-nav-box{ width: auto; height: auto;}
.g-top-box .m-nav-box .m-nav-dl{ width: 110px; height: 68px; float: left; margin: 0 0 0 38px; display: inline; overflow: hidden;}
.g-top-box .m-nav-box .m-nav-dl dt{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-top-box .m-nav-box .m-nav-dl dt a{ width: 100%; height: 68px;  line-height: 68px; font-size: 18px; font-weight: normal; color: #222; text-align: center; display: block; overflow: hidden;}

.g-top-box .m-nav-box .m-nav-dl dd{ width: 100%; height: auto; display: block; overflow: hidden; background: #0559af}
.g-top-box .m-nav-box .m-nav-dl dd a{ width: 100%; height: 42px; line-height: 42px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; display: block; overflow: hidden;}

.g-top-box .m-nav-box .m-nav-dl.f-hover dt a{ height: 65px; border-bottom: 3px solid #0559af}
.g-top-box .u-navshow-btn{ display:none}

/* .g-top-box .m-nav-box a{ width: auto; height: 65px; line-height: 68px; border-bottom: 3px solid #fff; font-size: 18px; font-weight: normal; color: #222; float: left; margin: 0 0 0 70px; display: inline; overflow: hidden;}
.g-top-box .m-nav-box a.f-hover{ border-color: #0559af; color: #0559af}
.g-top-box .m-nav-box a:hover{ border-color: #0559af; color: #0559af} */

/*banner*/
.g-banner-box{ width: 100%; height:300px; margin: auto; display: block; overflow: hidden; position: relative;}
.g-banner-box img{ width: 1920px; max-width:none; height: 300px; display: block; overflow: hidden;  position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 5;}
.g-banner-box .g-box-1200{ position: relative; z-index: 10;}
.g-banner-box .m-banner-title{ width: auto; height: 60px; line-height: 60px; background: #0559af; padding: 0 22px; margin: 240px 0 0; display: inline-block; overflow: hidden;}
.g-banner-box .m-banner-title strong{ width: auto; font-size: 20px; font-weight: bold; color: #fff; float: left; margin: 0; display: inline; overflow: hidden;}
.g-banner-box .m-banner-title em{ width: auto; font-size: 16px; font-weight: normal; color: #fff; float: left; margin: 4px 0 0 8px; display: inline; overflow: hidden;}


/*二级导航*/
.g-townav-box{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; color: #222; text-align: center; border-bottom: 1px solid #eee; background: #fbfbfb; display: block; overflow: hidden;}
.g-townav-box li{ margin: 0 75px; display: inline-block; cursor: pointer;}
.g-townav-box .f-hover{ color: #0559af}


.g-townav-box.f-nav-fixed{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99;}

/*标题一*/
.g-title-1{ width:100%; height: auto; display: block; overflow: hidden; text-align: center}
.g-title-1 h3{ width: 100%; height: 26px; line-height: 26px; font-size: 22px; font-weight: bold; color: #222; display: block; overflow: hidden;}
.g-title-1 i{ width: 40px; height: 4px; background: #ff9900; margin: 8px auto 0; display: block; overflow: hidden;}
.g-title-1 p{ width: 100%; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #999; margin: 6px 0 0; display: block; overflow: hidden;}

/*标题二*/
.g-title-2{ width:100%; height: auto; display: block; overflow: hidden; text-align: left}
.g-title-2 h3{ width: 100%; height: 26px; line-height: 26px; font-size: 22px; font-weight: bold; color: #222; display: block; overflow: hidden;}
.g-title-2 i{ width: 40px; height: 4px; background: #ff9900; margin: 8px 0 0; display: block; overflow: hidden;}
.g-title-2 p{ width: 100%; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #999; margin: 6px 0 0; display: block; overflow: hidden;}


/*底部*/
.g-bottom{ width: 100%; padding: 30px 0 25px; background-color: #202020; margin-top: 40px; display: block; overflow: hidden;}
.g-bottom dl{ width: 1200px; margin: 0 auto; color: #7a808d;}
.g-bottom dl p{ height: 30px;}
.g-bottom dl p img{ margin-right: 6px;}
.g-bottom dl p a{ color:#7a808d}
.g-bottom dl .left{ float: left;}
.g-bottom dl .right{ float: right;}
.g-bottom dl .right p{ width: 80px; float: left; margin-left: 20px; text-align: center;}
.g-bottom dl .right img{ display: block; margin-bottom: 6px;}


/*翻页*/
.m-page-next{ width:100%; height:auto; text-align:center; padding:30px 0 40px; display:block; overflow:hidden}
.m-page-next a{ width:auto; height:35px; line-height:35px; font-size:14px; font-weight:normal; color:#666; padding:0 16px; margin:0 6px; display:inline-block; overflow:hidden; background:#f2f1f1; border-radius:4px;}

.m-page-next b{ width:auto; height:35px; line-height:35px; font-size:14px; font-weight:normal; color:#fff; padding:0 16px; margin:0 6px; display:inline-block; overflow:hidden; background:#0090ee; border-radius:4px;}

.u-banner{ width:100%; height:auto; display:block; overflow:hidden}
.u-mbanner{width:100%; height:auto; display:block; overflow:hidden}


.pagination { width:100%; height:auto; margin: 36px 5px 5px; text-align: center; padding-bottom:25px; display:block; overflow:hidden;}
.pagination a, .pagination span { display: inline-block; padding: 8px 15px; line-height: 20px; margin:8px 4px 0; text-decoration: none; background-color: #f5f5f5; border-left-width: 0 }
.pagination a{ color: #999;}
.pagination span.current, .pagination span.page_nowindex { background-color: #0090ee; color: #fff; }

.pagination a.page_nowindex { color: #3cc; cursor: default }


.pagination span.bartext { color: #3cc; padding: 8px 4px; }
.pagination span.page_select { padding: 3px 10px; }
.pagination span.page_select select { outline: none; border-radius: 5px; height: 30px; border: 1px solid #EDEDED; color: #3cc; margin: 0px 2px; }

/*返回顶部*/
.f-backtop-btn{ width:50px; height:50px; background:rgba(0,0,0,0.5); border-radius:4px; display:none; overflow:hidden; position:fixed; left:50%; bottom:200px; margin:0 0 0 620px; z-index:9999; cursor:pointer}.f-backtop-btn:after{ content:"";width:18px; height:18px; border-left:4px solid #fff;border-top:4px solid #fff; display:block; overflow:hidden; position:absolute; left:15px; top:20px; transform:rotate(45deg)}

/* 查看更多 */
.u-more-btn{ width: 106px; height: 38px; line-height: 38px; font-size: 14px; font-weight: normal; color: #fff; text-align: center; background: #0a66c5; margin: auto; border-radius: 38px; display: block; overflow: hidden;}


@media only screen and (max-width: 640px) {
    body{ overflow-x: hidden; padding: 45px 0 0;}
    .g-box-1200{ width: 100%;}
    .g-top-box{ height: 45px;}
    .g-top-box .g-box-1200{ display: -webkit-box;}
    .g-top-box .u-logo{ float: none; width: auto; display: block; margin: 12px 0 0 10px; -webkit-box-flex: 1}
    .g-top-box .u-logo img{ width: 120px; height: auto}
    .g-top-box .u-navshow-btn{ width: 45px; height: 45px; background:url(../images/about-icon.png) no-repeat 15px -297px; background-size: 420px; display: block; overflow: hidden; }

    .g-top-box .m-nav-box{float: none; width: 100%;  height: 100%;  display: none;  overflow: hidden;  position: fixed;  left: 0;  top: 0;  z-index: 5; }
    .g-top-box .m-nav-box .m-nav-cont{ width: 60%; height: 100%; position: absolute; right: -60%; top: 0; background: #fff; z-index: 5; padding: 20% 0 0; box-sizing: border-box ;}
    .g-top-box .m-nav-box .m-nav-cont .m-nav-dl{ width:100%; height: auto; margin: 0; display: block; overflow: hidden;}
    .g-top-box .m-nav-box .m-nav-cont .m-nav-dl dt a{ font-size: 16px; height: 50px; line-height: 50px;}
    .g-top-box .m-nav-box .m-nav-cont .m-nav-dl dt a:active{ background: #0559af; color: #fff;}
    .g-top-box .m-nav-box .m-nav-cont .m-nav-dl dd{ display: none}
    .g-top-box .m-nav-box .u-nav-bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 0}
    .g-top-box .m-nav-box .u-close-btn{ width: 32px; height: 32px; display: block; overflow: hidden; position: absolute; right: 14px; top: 14px; z-index: 10;}
    .g-top-box .m-nav-box .u-close-btn::before{ content:""; width: 18px; height: 2px; background: #222; display: block; overflow: hidden; transform: rotate(45deg); position: absolute; left: 8px; top: 15px}
    .g-top-box .m-nav-box .u-close-btn::after{ content:""; width: 18px; height: 2px; background: #222; display: block; overflow: hidden; transform: rotate(-45deg); position: absolute; left: 8px; top:15px}
    .g-banner-box{ height: auto; display: block}
    .g-banner-box .g-box-1200{ position: absolute; left: 0; bottom: 0; font-size: 0px; line-height: 0px;}
    .g-banner-box img{ width:auto; height: 122px; position: relative;}
    .g-banner-box .m-banner-title{ display: inline-block; width: auto; height: 33px; margin: 0 0 0 15px; box-sizing: border-box}
    .g-banner-box .m-banner-title strong{ height: 33px; line-height: 33px; font-size: 14px;}
    .g-banner-box .m-banner-title em{ height: 33px; line-height: 26px; font-size: 12px;}
    .g-townav-box{ height: 42px; line-height: 42px; font-size: 14px; display: flex}
    .g-townav-box li{ width: auto; flex: 1; margin: 0; text-align: center; display:block}

    .g-title-1 h3{ height: 18px; line-height: 18px; font-size: 16px;}
    .g-title-1 i{width: 20px; height: 2px; }
    .g-title-1 p{ height: 14px; line-height: 14px; font-size: 12px; margin-top: 5px;}

    .g-title-2 h3{ height: 18px; line-height: 18px; font-size: 16px;}
    .g-title-2 i{ width: 20px; height: 2px; margin-top: 5px;}
    .g-title-2 p{ height: 14px; line-height: 14px; font-size: 12px; margin-top: 5px;}

    .u-more-btn{ height: 34px; line-height: 34px;}

    .g-bottom{ margin-top: 20px; padding: 15px 0 8px;}
    .g-bottom dl{ width: 100%; padding: 0 14px; box-sizing: border-box;}
    .g-bottom dl .right{ display: none}

    .pagination{ margin: 0; padding: 14px 0; box-sizing: border-box}

    .f-backtop-btn{ margin: 0; left: auto; right: 20px; bottom: 100px; width: 40px; height: 40px;}
    .f-backtop-btn:after{ border-width: 2px; width: 12px; height: 12px; left: 14px; top: 17px}

}


@media(hover: hover) and (pointer: fine) {
    .g-townav-box li:hover{ color: #0559af}    
    .g-top-box .m-nav-box .m-nav-dl:hover dt a{ height: 65px; border-bottom: 3px solid #0559af}
    .g-top-box .m-nav-box .m-nav-dl dd a:hover{ border: 0; background: #0066ce}
    .m-page-next a:hover{background:#0090ee; color:#fff;}
    .pagination a:hover, .pagination a:focus { background-color: #f5f5f5 }

}